
.datepicker {
  width: 172px;
  overflow:hidden;
  margin: auto;
}

.datepicker div.month {
  float:left;
  width: 175px;
  height: 147px;
  background: #DEDEDE;
}

.datepicker .controls {
  width: 172px;
  /*background: #676767;*/
  background: transparent url(../img/menu-block-title-bg-center-green.png) repeat-x scroll left bottom;
  font-weight: 900;
  padding-right: 2px;
  float: left;
  height: 20px;
  line-height: 20px;

}

.datepicker div.month div {
  float:left;
  clear:none;
  width: 21px;
  height: 19px;
  float:left;
  font-size: 9px;
  font-weight: 800;
  line-height:18px;
  margin:0;
  text-align:center;
  cursor:pointer;
  z-index: 2;
  color: #676767;
  margin: 1px;
  background: #FFFFFF url(../img/blue-box-icon.png) scroll no-repeat -40px -1px;
  /*border: solid #DEDEDE 1px;*/
}

.datepicker div.month div.empty-cell {
  width:8px;
}

.datepicker div.month div.inactive {
  color:#DEDEDE;
}

.datepicker div.month div.week {
  width: 188px;
  height: auto;
  border: none;
/*  position: relative;*/
  /*right: 10px;*/
  background: #EDEDED;
  margin: 0px;
}

div.week div {
  font-size: 11px;
  width: 20px;
  color: #252525 !important;
}

.datepicker div.month div.select-week {
  clear:both;
  width: 10px;
  background: #FFFFFF url(../img/week-tab-icon.png) scroll no-repeat 3px 1px;
  z-index: 4;
  margin: 0px;
  padding: 1px 0px 0px 0px;
  overflow: visible;
}
.datepicker div.month div.is-selected-week {
  background-position: 3px -19px;
}

.datepicker div.month div.select-week:hover {
  background-position: 1px -19px;
}


.datepicker div.months {
  clear:both;
  /*float:left;*/
  width:552px;
}


.datepicker .prev-month {
  float:left;
  height: 18px;
  margin-top: 2px;
}
.datepicker .next-month {
  float:right;
  height: 18px;
  margin-top: 2px;
}

div.month div.selected {
  background: #FFFFFF url(/images/icons/blue-box-icon.png) scroll no-repeat 0px 0px;
  color: #EDEDED;
}

.datepicker div.month-name {
  cursor:pointer;
  width: 60px;
  float:left;
  padding-left: 10px;
  color: #333;
  display:block;
  font-size: 11px;
}

.datepicker div.year-name {
  cursor:pointer;
  padding-left:10px;
  float:left;
  color: #333;
  display:block;
  width:42px;
  font-size: 11px;
}

.datepicker .hover-month {
  color: #FFF !important;
  text-decoration: underline;
}

.datepicker .select-week {
  cursor:pointer;
}

.datepicker .select-day-week {
  cursor:pointer;
  text-decoration:underline;
  color:#0F6BD0 !important;
}
.datepicker .select-day-week:hover {
  text-decoration:none;
}

.toggle-datepick {
  width:16px;
  height:15px;
  background-image: url(../img/calendar.jpg);
  cursor:pointer;
  display: inline-block;

  /*float:left;*/
}

.datepicker .active.weekend {
  color:#0000FF;
}

.datepicker .active-day.today {
  color:#FF0000;
}